{% extends 'base_with_top_menu.html' %}

{% block title %}{% endblock %}

{% block header %}{% endblock %}

{% block content %}
     
    {% block before_table %} {% endblock %}
    <script type="text/javascript">
        $(document).ready(function()  { $("#sortable_table").tablesorter( {
                                                                            sortList: {%block order%} [[0,0]] {%endblock%}
                                                                        } ); } );
    </script>

    <div class="{%block itemsWrapper%}itemsWrapper{%endblock%}">
        <table class="items tablesorter" id="sortable_table">
        <thead>
            <tr>
                {% block header_row %}
                    <th>Show button</th>
                    <th>Title</th>
                    <th>Authors</th>
                {% endblock %}
            </tr>
        </thead>
        <tbody>
            {% for row in rows %}
                <tr class="item">
                    {% block item_row %}
                    {% endblock %}
                </tr>
            {% endfor %}
            
        </tbody>
        </table>
    </div>
    {% block after_table %} {% endblock %}
{% endblock %}
